<template>
  <div class="container">
    <h1>学生管理系统</h1>
    <router-link to="/">校区首页</router-link>
    <router-link to="/chashan">茶山校区</router-link>
    <router-link to="/yueqing">乐清校区</router-link>
    <router-link to="/student-system">学生管理系统</router-link>
    <router-link to="/login">登录</router-link>

    <router-view></router-view>
  </div>
</template>

<script>
export default {
  // 组件逻辑
};
</script>

<style>
.container {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

h1 {
  font-size: 36px;
  color: #333;
}

.router-link {
  margin-right: 10px;
  font-size: 18px;
  color: #666;
  text-decoration: none;
}

.router-link:hover {
  color: #000;
}
</style>
